<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--bootstrap 自动会对所有的标签进行处理  一般不需要再用global.css重置-->
		<link rel="stylesheet" type="text/css" href="css/globle.css"/>
		<link rel="stylesheet" type="text/css" href="lib/bootstrap/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="lib/font-awesome-4.7.0/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		
	</head>
	<body>
		<header>
			<span class="header-img"></span>
			<section class="header-section">
				<ul class="header-left" class="first">
				 <li class="padding-right"><a href="##">小米商城</a></li>
				 <li class="padding"><a href="##">MIUI</a></li>
				 <li class="padding"><a href="##">米聊</a></li>
				 <li class="padding"><a href="##">游戏</a></li>
				 <li class="padding"><a href="##">多看阅读</a></li>
				 <li class="padding"><a href="##">云服务</a></li>
				 <li class="padding"><a href="##">金融</a></li>
				 <li class="padding"><a href="##">小米商城移动版</a></li>
				 <li class="padding"><a href="##">问题反馈</a></li>
				 <li class="padding-left" ><a href="##">Select Region</a></li>
				 
			</ul>
			<ul class="header-right">
				<li class="padding-right"><a href="##">登录</a></li>
				<li class="padding-right" class="padding-left"><a href="##">注册</a></li>
				<li><a href="##">消息通知</a></li>
				<li id="shop-cart"><a href="##"><span class="fa fa-shopping-cart"></span>  购物车(0)</a></li>
			</ul>
			 <div id="shop-box">购物车中还没有商品，赶紧选购吧！</div>
			</section>
	</header>
	
	<!--导航栏-->
	
			<section class="sectionn-nav">
                <ul class="nav-menu">
                    <li><a href="##"><img class="nav-icon" src="img/favicon.ico"/></a></li>
                    <li><a href="##"><img class="nav-gif" src="img/yyymix.gif"/></a></li>
                    <li class="hover-li"><a href="##">小米</a></li>
                    <li class="hover-li"><a href="##">红米</a></li>
                    <li class="hover-li"><a href="##">平板·电脑</a></li>
                    <li class="hover-li"><a href="##">电视</a></li>
                    <li class="hover-li"><a href="##">盒子·影音</a></li>
                    <li class="hover-li"><a href="##">路由</a></li>
                    <li class="hover-li"><a href="##">智能硬件</a></li>
                    <li class="hover-notli"><a href="##">服务</a></li>
                    <li class="hover-notli"><a href="##">社区</a></li>
        <!--下拉列表内容-->            
                </ul>
                <div id="toggle-div">

                	<ul class="toggle-ul">
                		<li>
                			<span class="phone-label">新品</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			 9999元起
                		</li>
                		<li>
                			<span class="phone-label">现货</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label">现货</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/手机.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                	</ul>
                	<ul class="toggle-ul">
                		<li>
                			<span class="phone-label">新品</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			 9999元起
                		</li>
                		<li>
                			<span class="phone-label">现货</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label">现货</span>
                			<span class="phone-img" style="background-image: url(img/手机.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                	</ul>
                	<ul class="toggle-ul">
                		<li>
                			<span class="phone-label">新品</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			 9999元起
                		</li>
                		<li>
                			<span class="phone-label">现货</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label">现货</span>
                			<span class="phone-img" style="background-image: url(img/手机.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/手机.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                	</ul>
                	<ul class="toggle-ul">
                		<li>
                			<span class="phone-label">新品</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			 9999元起
                		</li>
                		<li>
                			<span class="phone-label">现货</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label">现货</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/手机.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                	</ul>
                	<ul class="toggle-ul">
                		<li>
                			<span class="phone-label">新品</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			 9999元起
                		</li>
                		<li>
                			<span class="phone-label">现货</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label">现货</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                	</ul>
                	<ul class="toggle-ul">
                		<li>
                			<span class="phone-label">新品</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			 9999元起
                		</li>
                		<li>
                			<span class="phone-label">现货</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label">现货</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                	</ul>
                	<ul class="toggle-ul">
                		<li>
                			<span class="phone-label">新品</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			 9999元起
                		</li>
                		<li>
                			<span class="phone-label">现货</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label">现货</span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                		<li>
                			<span class="phone-label"></span>
                			<span class="phone-img" style="background-image: url(img/shou.png);"></span>
                			<span class="phone-name">小米8</span>
                			9999元起
                		</li>
                	</ul>
                		
                	
                </div>
                <ui class="nav-btn">
                	<li><input type="" name="" id="input" value=""  placeholder="小米降噪耳机   小米Max2"/></li>
                	<li><span id="search" class="fa fa-search"></span></li>
                </ui>
                
			</section>
	<!--轮播列表-->		
		<section class="lunbo">
			<ul class="lunbo-left">
				<li><a href="##">手机 电话卡<span class="fa fa fa-angle-right"></span></a></li>
				<li><a href="##">笔记本 平板<span class="fa fa fa-angle-right"></span></a></li>
				<li><a href="##">电视 盒子<span class="fa fa fa-angle-right"></span></a></li>
				<li><a href="##">路由 智能硬件<span class="fa fa fa-angle-right"></span></a></li>
				<li><a href="##">移动电源 电池 插线板<span class="fa fa fa-angle-right"></span></a></li>
				<li><a href="##">耳机 音箱<span class="fa fa fa-angle-right"></span></a></li>
				<li><a href="##">保护膜 贴膜<span class="fa fa fa-angle-right"></span></a></li>
				<li><a href="##">线材 支架 储存卡<span class="fa fa fa-angle-right"></span></a></li>
				<li><a href="##">箱包 服饰 鞋 眼镜<span class="fa fa fa-angle-right"></span></a></li>
				<li><a href="##">米兔 生活周边<span class="fa fa fa-angle-right"></span></a></li>
			</ul>
<!--轮播图-->		
				
<div id="myCarousel" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
        <li data-target="#myCarousel" data-slide-to="4"></li>
        <li data-target="#myCarousel" data-slide-to="5"></li>
    </ol>   
    <div class="carousel-inner">
        <div class="item active">
            <img src="img/xmad_1495545082771_gakZN.jpg" alt="First slide">
           
        </div>
        <div class="item">
            <img src="img/xmad_1495297097019_wyCUF.jpg" alt="Second slide">
       
        </div>
        <div class="item">
            <img src="img/xmad_14954204563199_hUckQ.jpg" alt="Third slide">
            
        </div>
         <div class="item">
            <img src="img/xmad_14954424891071_jBKPf.jpg" alt="First slide">
            
        </div>
        <div class="item">
            <img src="img/xmad_14955448033584_znTYv.jpg" alt="Second slide">
            
        </div>
        <div class="item">
            <img src="img/xmad_14955923727092_kxIbN.jpg" alt="Third slide">
            
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="carousel-control left" href="#myCarousel" 
        data-slide="prev">&lsaquo;
    </a>
    <a class="carousel-control right" href="#myCarousel" 
        data-slide="next">&rsaquo;
    </a>
</div>

</section>
<section class="list">
	<ul>
		<li class="list-top">
			<table border="" cellspacing="" cellpadding="">
				<tr><td class="list-td"><a href="##"><span class="list-span" style="background-image: url(img/phone.png);"></span><p class="table-p">选购手机</p></a></td>
					<td class="list-td"><a href="##"><span class="list-span" style="background-image: url(img/gift.png);"></span><p class="table-p">企业团购</p></a></td>
					<td class="list-td"><a href="##"><span class="list-span" style="background-image: url(img/one.png);"> </span><p class="table-p">一元活动</p></a></td>
				</tr>
				<tr><td class="list-td"><a href="##"><span class="list-span" style="background-image: url(img/card.png);"></span><p class="table-p">小米移动</p></a></td>
					<td class="list-td"><a href="##"><span class="list-span" style="background-image: url(img/iphone.png);"></span><p class="table-p">以旧换新</p></a></td>
					<td class="list-td"><a href="##"><span class="list-span" style="background-image: url(img/big.png);"></span><p class="table-p">话费充值</p></a></td>
				</tr>
				
			</table>
			</li>
		<li class="list-img"><a href="##" style="background-image: url(img/list.png);"></a></li>
		<li class="list-img"><a href="##" style="background-image: url(img/list.png);"></a></li>
		<li class="list-img"><a href="##" style="background-image: url(img/list.png);"></a></li>
	</ul>
</section>

<!--明星单品-->

<section class="star">
	<p class="star-p"> <span id="span-left">
		小米明星单品
	</span><span id="span-right">
		<button class="btn-left"><</button><button class="btn-right">></button>
	</span></p>
	<ul class="star-ul">
			<li style="border-top: 1px solid  #FF0066;"><a href="##">
				<div class="bg-img" style="background-image: url(img/T1AcE_Bghv1RXrhCrK.jpg);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a></li>
			
			<li style="border-top: 1px solid  #6600ff;margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/T1AcE_Bghv1RXrhCrK.jpg);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li style="border-top: 1px solid  #66FF00;margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/T1AcE_Bghv1RXrhCrK.jpg);"></div>
			    <p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
		
			<li style="border-top: 1px solid  #0066FF;margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/T1AcE_Bghv1RXrhCrK.jpg);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li style="border-top: 1px solid  #FF0099;margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/T1AcE_Bghv1RXrhCrK.jpg);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li style="border-top: 1px solid  #99FF00;margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/T1AcE_Bghv1RXrhCrK.jpg);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li style="border-top: 1px solid  #99FF00;margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/T1AcE_Bghv1RXrhCrK.jpg);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
		
			<li style="border-top: 1px solid  #00FF99;margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/T1AcE_Bghv1RXrhCrK.jpg);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a></li>
			<li style="border-top: 1px solid  #6600ff;"><a href="##">
				<div class="bg-img" style="background-image: url(img/T1AcE_Bghv1RXrhCrK.jpg);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li style="border-top: 1px solid  #9900ff;"><a href="##">
				<div class="bg-img" style="background-image: url(img/T1AcE_Bghv1RXrhCrK.jpg);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			
	</ul>
</section>

<!--智能家居-->
<section id="div-content">
	<section id="div-top">
		<p class="p-left">家电</p>
		<p class="p-right"><span>热门</span>
		<span class="div-span">电视影音</span>
		<span class="div-span">电脑</span>
		<span class="div-span">家居</span></p>
	</section>

<section class="smart">	
	<ul class="smart-top">
		<li><a href="##"><div class="smart-img" style="background-image: url(img/lll.jpg);"></div>
			
		</a></li>
		<li><a href="##">
			<div class="smart-img" style="background-image: url(img/lll.jpg);"></div>
		</a></li>
	</ul>
	<ul class="smart-ul">
		<li ><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
		
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077058.71391368!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a></li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li ><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
		
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077058.71391368!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a></li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
	</ul>
	<ul class="smart-ul">
		<li ><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
		
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a></li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li ><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
		
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a></li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
	</ul>
	<ul class="smart-ul">
		<li ><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
		
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077058.71391368!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a></li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li ><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
		
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077058.71391368!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a></li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
	</ul>
	<ul class="smart-ul">
		<li ><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
		
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077058.71391368!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a></li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077454.46128587!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li ><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米手环</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
		
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077058.71391368!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a></li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
			<li style="margin-left: 16px;"><a href="##">
				<div class="bg-img" style="background-image: url(img/pms_1490077525.53218827!220x220.png);"></div>
				<p style="color: black;">小米电视</p>
				<p class="text-middle">明天十点开售</p>
				<p style="color: red;">1999元起</p>
			</a>
			</li>
	</ul>
</section>
</div>
	</body>
</html>
<script src="js/jquery.js"></script>
<script src="lib/bootstrap/bootstrap.js"></script>
<script src="js/index.js"></script>

